<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	
	
	<link rel='stylesheet' th:href="@{~/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css}" href="../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
	<link rel='stylesheet' th:href="@{~/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css}" href="../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css"/>
	<link rel='stylesheet' th:href="@{~/3thExt/select2/4.0.6/css/select2.css}" href="../../static/3thExt/select2/4.0.6/css/select2.css"/>
	<link rel='stylesheet' th:href="@{~/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css}" href="../../static/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>
	<link rel='stylesheet' th:href="@{~/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css}" href="../../static/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css"/>
	<link rel='stylesheet' th:href="@{~/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}" href="../../static/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
	<link rel='stylesheet' th:href="@{~/css/icon-zc.css}" href="../../static/css/icon-zc.css"/>
	<link rel='stylesheet' th:href="@{~/css/style.css}" href="../../static/css/style.css"/>
	
	
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header> 
<!-- 页面指向 -->
<div th:replace="common/title">
</div>
<!-- 菜单树 -->
<div th:replace="common/left" > 
</div>




<!--主体内容-->
<div class="page-container page-container-70">

	<ul class="data-monitoring-box">
		<li>
			<p class="realTime">15:00:44</p>
			<span class="first realDate">2018-04-17  星期二</span>
		</li>
		<li>
			<p class="equipment_num">10</p>
			<span>设备总数(个)</span>
		</li>
		<li>
			<p class="runTime">0</p>
			<span>运行总时长(H)</span>
		</li>
		<li>
			<p class="stopTime">0</p>
			<span>停机总时长(H)</span>
		</li>
		<li>
			<p class="electricity">0</p>
			<span>用电累计(KWH)</span>
		</li>
		<li>
			<p class="water">0</p>
			<span>用水量累计(m³)</span>
		</li>
	</ul>

	<!--可视化数据图表-->
	<div class="charts-wrap">
		<ul>
			<li class="e-wrap"><div id="main" style="width:100%; height:100%"></div><span class="title" id="dataName">设备运行率</span></li>
			<li class="e-wrap"><div id="main2" style="width:100%; height:100%"></div><span class="title" id="dataName_2">设备告警率</span></li>
			<li class="e-wrap last"><div id="main3" style="width:100%; height:100%"></div><span class="title" id="dataName_3">预警处理率</span></li>
		</ul>
	</div>

</div>

<script th:src="@{/3thExt/jquery/3.3.1/jquery-3.3.1.min.js}" src="../../static/3thExt/jquery/3.3.1/jquery-3.3.1.min.js"></script>
<script th:src="@{/3thExt/jquery-form/3.46/jquery.form.js}" src="../../static/3thExt/jquery-form/3.46/jquery.form.js"></script>
<script th:src="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js}" src="../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js}" src="../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js}" src="../../static/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script>
<script th:src="@{/3thExt/select2/4.0.6/js/select2.js}" src="../../static/3thExt/select2/4.0.6/js/select2.full.js"></script>
<script th:src="@{/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js}" src="../../static/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js}" src="../../static/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js}" src="../../static/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js}" src="../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js}" src="../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script th:src="@{/js/page-interaction.js}" src="../../static/js/page-interaction.js"></script>


<script type="text/javascript">

</script>
</body>
</html>